class DevicePixelRatio {
    constructor() {
        //this.flag = false;
    }

    //获取系统类型
    _getSystem() {
        let flag = false;
        var agent = navigator.userAgent.toLowerCase();
        //现只针对windows处理，其它系统暂无该情况，如有，继续在此添加
        if (agent.indexOf("windows") >= 0) {
            return true;
        }
    }

    //监听方法兼容写法
    _addHandler(element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }

    //校正浏览器缩放比例
    _correct() {
        let t = this;
        const designDraftWidth = 1920; // 设计稿的宽度
        const designDraftHeight = 1080; // 设计稿的高度
        if(window.screen.width * window.devicePixelRatio >=3840){
            //页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。
            document.getElementsByTagName('body')[0].style.zoom = document.documentElement.clientWidth / document.documentElement.clientHeight < designDraftWidth / designDraftHeight
                ? document.documentElement.clientWidth / designDraftWidth
                : document.documentElement.clientHeight / designDraftHeight
        }else{
            //页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。
            document.getElementsByTagName('body')[0].style.zoom = 1 / window.devicePixelRatio;
        }
    }

    //监听页面缩放
    _watch() {
        let t = this;
        t._addHandler(window, 'resize', function() {
            //注意这个方法是解决全局有两个window.resize
            //重新校正
            t._correct()
        })
    }

    //初始化页面比例
    init() {
        let t = this;
        console.log('DevicePixelRatio*************************',t._getSystem());

        //初始化页面校正浏览器缩放比例
        t._correct();
        //开启监听页面缩放
        t._watch();
    }
}
export default DevicePixelRatio;